import React, { useState } from 'react';
// @ts-nocheck
import { Box, useTheme } from '@chakra-ui/react';

import { OutLinkTypeEnum } from '@fastgpt/global/support/outLink/constant';
import dynamic from 'next/dynamic';

import MyRadio from '@/components/Radio';
import Share from './Share';
import axios from 'axios';

const API = dynamic(() => import('./API'));
const WEIXIN = dynamic(() => import('./WEIXIN'));

const OutLink = ({ appId }: { appId: string }) => {
  const theme = useTheme();
  const [juge,setJuge]=useState([])
  const [linkType, setLinkType] = useState<`${OutLinkTypeEnum}`>(OutLinkTypeEnum.share);
  // axios.get(`/apiss/selectAllContain?appId=${appId}`).then(res=>{
  //   // console.log(res.data.data);
  //   if(juge.length==0&&res.data.data.length>0){
  //     setJuge(res.data.data)
  //   }
   
  // })
  return (
    <Box pt={[1, 5]}>
      <Box fontWeight={'bold'} fontSize={['md', 'xl']} mb={2} px={[4, 8]}>
        外部使用途径
      </Box>
      <Box pb={[5, 7]} px={[4, 8]} borderBottom={theme.borders.base}>
       <MyRadio
         gridTemplateColumns={['repeat(1,1fr)', 'repeat(auto-fill, minmax(0, 411px))']}
         iconSize={'28px'}
         list={[
           {
             icon: 'outlink_share',
             title: '免登录窗口',
             desc: '分享链接给其他用户，无需登录即可直接进行使用',
             value: OutLinkTypeEnum.share
           },
           {
             icon: 'outlink_iframes',
             title: 'API 访问',
             desc: '通过 API 接入到已有系统中，或企微、飞书等',
             value: OutLinkTypeEnum.apikey
           },
           {
             icon: 'outlink_weixin',
             title: '微信接入',
             desc: '快速接入微信个人账户',
             value: OutLinkTypeEnum.weixin
           }
           // {
           //   icon: 'outlink_iframe',
           //   title: '网页嵌入',
           //   desc: '嵌入到已有网页中，右下角会生成对话按键',
           //   value: OutLinkTypeEnum.iframe
           // }
         ]}
         value={linkType}
         onChange={(e) => setLinkType(e as `${OutLinkTypeEnum}`)}
       />
     </Box>
     {/* {juge.length>0?(
       <Box pb={[5, 7]} px={[4, 8]} borderBottom={theme.borders.base}>
       <MyRadio
         gridTemplateColumns={['repeat(1,1fr)', 'repeat(auto-fill, minmax(0, 411px))']}
         iconSize={'28px'}
         list={[
           {
             icon: 'outlink_share',
             title: '免登录窗口',
             desc: '分享链接给其他用户，无需登录即可直接进行使用',
             value: OutLinkTypeEnum.share
           },
           {
             icon: 'outlink_iframes',
             title: 'API 访问',
             desc: '通过 API 接入到已有系统中，或企微、飞书等',
             value: OutLinkTypeEnum.apikey
           },
           {
             icon: 'outlink_weixin',
             title: '微信接入',
             desc: '快速接入微信个人账户',
             value: OutLinkTypeEnum.weixin
           }
           // {
           //   icon: 'outlink_iframe',
           //   title: '网页嵌入',
           //   desc: '嵌入到已有网页中，右下角会生成对话按键',
           //   value: OutLinkTypeEnum.iframe
           // }
         ]}
         value={linkType}
         onChange={(e) => setLinkType(e as `${OutLinkTypeEnum}`)}
       />
     </Box>
     ):<Box pb={[5, 7]} px={[4, 8]} borderBottom={theme.borders.base}>
     <MyRadio
       gridTemplateColumns={['repeat(1,1fr)', 'repeat(auto-fill, minmax(0, 411px))']}
       iconSize={'28px'}
       list={[
         {
           icon: 'outlink_share',
           title: '免登录窗口',
           desc: '分享链接给其他用户，无需登录即可直接进行使用',
           value: OutLinkTypeEnum.share
         },
         {
           icon: 'outlink_iframes',
           title: 'API 访问',
           desc: '通过 API 接入到已有系统中，或企微、飞书等',
           value: OutLinkTypeEnum.apikey
         }
       ]}
       value={linkType}
       onChange={(e) => setLinkType(e as `${OutLinkTypeEnum}`)}
     />
   </Box>}
     */}

      {linkType === OutLinkTypeEnum.share && <Share appId={appId} />}
      {linkType === OutLinkTypeEnum.apikey && <API appId={appId} />}
      {linkType === OutLinkTypeEnum.weixin && <WEIXIN appId={appId} />}
    </Box>
  );
};

export default OutLink;
